<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()
            + "://" + request.getServerName()
            + ":" + request.getServerPort()
            + path + "/";
%>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>焦点学苑</title>
    <link rel="stylesheet" href="<%=basePath%>css/base.css">
    <link rel="stylesheet" href="<%=basePath%>css/style.css">
</head>

<body>
<div class="head-box">
    <div class="head wrap">
        <div class="logo fl"><a href=""><img src="<%=basePath%>images/logo.png"></a></div>
        <div class="head-right fr">
            <div class="head-a fr">
                <div class="hgt fl"><img src="<%=basePath%>images/hgt.png">
                    <div class="hgt-top">
                        <input type="text" class="hgt-text">
                    </div>
                </div>
                <div class="head-a1 fl"><a href=""><img src="<%=basePath%>images/tb-a.png"></a></div>
                <div class="head-a1 fl"><a href=""><img src="<%=basePath%>images/tb-b.png"></a></div>
                <div class="head-a3 login-click fl">登录</div>
                <div class="head-a4 reg-click fl">注册</div>

            </div>
            <div class="clearfix"></div>
            <div class="nav fr">
                <ul>
                    <li><a href="<%=basePath%>index.jsp">首页</a></li>
                    <li><a href="<%=basePath%>user/wenzhang.jsp">文章</a>
                        <div class="sub-nav">
                            <div class="bich-top"></div>
                            <div class="bich">
                                <a href="">服饰</a>
                                <a href="">美食</a>
                                <a href="">出行</a>
                                <a href="">约会</a>
                            </div>

                        </div>
                    </li>
                    <li><a href="<%=basePath%>user/shequ.jsp">社区</a></li>
                    <li><a href="<%=basePath%>user/lianxi.jsp">联系我们</a></li>

                </ul>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</div>


<div class="content">
    <div class="col-height"></div>
    <div class="focus-banner">
        <div class="wrap">
            <div class="focus-a1"><img src="<%=basePath%>upload/focus-a2.png"></div>
            <div class="focus-a2">shuiguodaren</div>
            <div class="focus-a3">
                <div class="py-a fl">文章 20</div>
                <div class="pyl  fl">关注 500
                    <div class="tbq">
                        <div class="tbq-a">我是大大大</div>
                        <div class="tbq-a">我是大大大</div>
                        <div class="tbq-a">我是大大大</div>
                        <div class="tbq-a">我是大大大</div>
                    </div>
                </div>
                <div class="py-a fl">粉丝 500</div>
                <div class="py-b fl">收藏 80</div>
            </div>
            <div class="focus-a4"><a href="">+关注</a><span>|</span><a href="">私信</a></div>
        </div>
    </div>

    <div class="focus-b-box">
        <div class="focus-list"><div class="focus-title">shuiguodaren  的文章</div></div>
        <div class="coll-box">
            <ul class="col-ul">
                <li>
                    <div class="col-list">
                        <div class="col-a fl"><img src="<%=basePath%>upload/col-a.jpg"></div>
                        <div class="col-b fl">
                            <div class="col-b1">教你如何一步步把妹子泡到手</div>
                            <div class="col-b2"><img src="upload/col-b.jpg">shuiguodaren<span>2015-11-02</span></div>
                            <div class="col-b3">爱情的残酷之处在于，并不是你做了什么帮助你获得了女孩的欢心。</div>
                        </div>
                        <div class="col-c">
                            <span><img src="<%=basePath%>images/col-c1.jpg">0</span>
                            <span><img src="<%=basePath%>images/col-c2.jpg">3</span>
                            <em><img src="<%=basePath%>images/col-c3.jpg"></em>
                            <em><img src="<%=basePath%>images/col-c4.jpg"></em>
                            <em><img src="<%=basePath%>images/col-c5.jpg"></em>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="col-list">
                        <div class="col-a fl"><img src="<%=basePath%>upload/col-a.jpg"></div>
                        <div class="col-b fl">
                            <div class="col-b1">教你如何一步步把妹子泡到手</div>
                            <div class="col-b2"><img src="<%=basePath%>upload/col-b.jpg">shuiguodaren<span>2015-11-02</span></div>
                            <div class="col-b3">爱情的残酷之处在于，并不是你做了什么帮助你获得了女孩的欢心。</div>
                        </div>
                        <div class="col-c">
                            <span><img src="<%=basePath%>images/col-c1.jpg">0</span>
                            <span><img src="<%=basePath%>images/col-c2.jpg">3</span>
                            <em><img src="<%=basePath%>images/col-c3.jpg"></em>
                            <em><img src="<%=basePath%>images/col-c4.jpg"></em>
                            <em><img src="<%=basePath%>images/col-c5.jpg"></em>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="col-list">
                        <div class="col-a fl"><img src="<%=basePath%>upload/col-a.jpg"></div>
                        <div class="col-b fl">
                            <div class="col-b1">教你如何一步步把妹子泡到手</div>
                            <div class="col-b2"><img src="<%=basePath%>upload/col-b.jpg">shuiguodaren<span>2015-11-02</span></div>
                            <div class="col-b3">爱情的残酷之处在于，并不是你做了什么帮助你获得了女孩的欢心。</div>
                        </div>
                        <div class="col-c">
                            <span><img src="<%=basePath%>images/col-c1.jpg">0</span>
                            <span><img src="<%=basePath%>images/col-c2.jpg">3</span>
                            <em><img src="<%=basePath%>images/col-c3.jpg"></em>
                            <em><img src="<%=basePath%>images/col-c4.jpg"></em>
                            <em><img src="<%=basePath%>images/col-c5.jpg"></em>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="more"><a href="">查看更多>></a></div>
    </div>
</div>

<div class="footer">
    <div class="wrap">
        <div class="foot">
            <div class="foot-left fl">
                <a href="">关于我们</a>
                <a href="">加入我们</a>
                <a href="<%=basePath%>lianxi.jsp">联系我们</a>
                <a href="">媒体采访</a>
            </div>
            <div class="foot-c fl"><a href=""><img src="<%=basePath%>images/foot-logo.jpg"></a></div>
            <div class="foot-right fr">
                <a href="">同城活动</a>
                <a href="">课程资讯</a>
                <a href="">最新发布</a>
                <a href="">热门文章</a>
            </div>
        </div>
        <div class="foot-btm">网页制作by云邦</div>
    </div>
</div>


<!--登录注册弹窗-->
<div class="mask"></div>
<div class="login">
    <div class="login-title">
        <div class="login-a">登录</div>
        <div class="login-b"></div>
        <div class="login-c close">x</div>
    </div>
    <div class="login-btm">
        <div class="login-d"><input type="text" class="login-text" placeholder="注册时填写的邮箱"></div>
        <div class="login-d"><input type="password" class="login-pas" placeholder="密码"></div>
        <div class="login-d"><input type="button" class="login-btn" placeholder="登录"></div>
        <div class="login-f">
            <a href="">忘记密码</a>
            <span>还没有焦点账号?><a href="javascript:;" class="reg-href">点击注册</a></span>
        </div>
    </div>
</div>

<div class="reg">
    <div class="login-title">
        <div class="login-a">注册</div>
        <div class="login-b"></div>
        <div class="login-c close">x</div>
    </div>
    <div class="login-btm">
        <div class="login-d"><input type="text" class="login-text" placeholder="邮箱/手机号"></div>
        <div class="login-d"><input type="password" class="login-pas" placeholder="密码"></div>
        <div class="login-d"><input type="button" class="login-btn" placeholder="注册"></div>
        <div class="login-f">
            <a href="">忘记密码</a>
        </div>
    </div>
</div>

<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/Action.js"></script>
<script>
    $(".pyl").click(function(){
        $(this).find(".tbq").slideToggle()
    })
</script>

</body>
</html>
